<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0,user-scalable=no">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
		<title>新闻和公告</title>
		<script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<script src="js/bootstrap.min.js"></script>
		
		<style type="text/css">
			.title-box{
				margin-top: 0;
			    padding-bottom: 7px;
			    border: 1px solid #ebebeb;
			    margin-bottom: 21px;
			    position: relative;
			    color: #00A0FF;
			    background: lightgoldenrodyellow;
			    padding-left: 5px;
			    padding-top: 2px;
			    border-radius: 3px;
			}
			.list-group{
				padding-left: 5px;
				padding-right: 5px;
			}
		</style>
	</head>
	<body>
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-12">
					<div style="font-size: 24px;margin: 10px;">新闻和公告</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-4">
					<div class="row"style="margin-left: 10px;">
						<div class="title-box">
							<img src="images/news.png"/>
							新闻
						</div>
						<ul class="list-group">
						    <li class="list-group-item">免费域名注册</li>
						    <li class="list-group-item">免费 Window 空间托管</li>
						    <li class="list-group-item">图像的数量</li>
						    <li class="list-group-item">24*7 支持</li>
						    <li class="list-group-item">每年更新成本</li>
						</ul>
					</div>
					<div class="row"style="margin-left: 10px;">
						<div class="title-box">
							<img src="images/notice.png"/>
							公告
						</div>
						<ul class="list-group">
						    <li class="list-group-item">免费域名注册</li>
						    <li class="list-group-item">免费 Window 空间托管</li>
						    <li class="list-group-item">图像的数量</li>
						    <li class="list-group-item">24*7 支持</li>
						    <li class="list-group-item">每年更新成本</li>
						</ul>
					</div>
				</div>
				<div class="col-md-8">
					<div class="title-box">
						<img src="images/text.png"/>
						内容
					</div>
				</div>
			</div>
		</div>
	</body>
</html>